@charset: 'utf-8';
body, h1 {
	margin: 0;
	padding: 0;
}
h1 {
	width: 400px;
	margin: 50px;
	font-weight: bold;
	border-right: 3px solid #000;	
	white-space: nowrap;
	overflow: hidden;
	-webkit-animation:
		typing 3s steps(25,end), 
		cursor .8s steps(1,end) infinite;
	-moz-animation:
		typing 3s steps(25,end), 
		cursor .8s steps(1,end) infinite;
	-o-animation:
		typing 3s steps(25,end), 
		cursor .8s steps(1,end) infinite;
	animation: 
		typing 3s steps(25,end), 
		cursor .8s steps(1,end) infinite;
}

/* 打字效果 */
@-webkit-keyframes typing {
	from { width: 0; }
	to { width: 400px; }
}
@-moz-keyframes typing {
	from { width: 0; }
	to { width: 400px; }
}
@-o-keyframes typing {
	from { width: 0; }
	to { width: 400px; }
}
@keyframes typing {
	from { width: 0; }
	to { width: 400px; }
}

/* 光标效果 */
@-webkit-keyframes cursor {
	0% { border-color: rgba(0,0,0,0); }
	50% { border-color: #000; }
	100% { border-color: rgba(0,0,0,0); }
}
@-moz-keyframes cursor {
	0% { border-color: rgba(0,0,0,0); }
	50% { border-color: #000; }
	100% { border-color: rgba(0,0,0,0); }
}
@-o-keyframes cursor {
	0% { border-color: rgba(0,0,0,0); }
	50% { border-color: #000; }
	100% { border-color: rgba(0,0,0,0); }
}
@keyframes cursor {
	0% { border-color: rgba(0,0,0,0); }
	50% { border-color: #000; }
	100% { border-color: rgba(0,0,0,0); }
}